<template>
  <div class="h-full flex flex-col">
    <a-affix :offset-top="50">
      <a-menu v-if="pathList.includes(selectedKeys[0])" mode="horizontal" :selectedKeys="selectedKeys" type="inner"
        class="bg-[#f0f2f5] mb-2">
          <a-menu-item key="/classification/classificationList">
            <router-link to="/classification/classificationList">{{ $t( 'app.setting.production.hint') }}</router-link>
          </a-menu-item>
          <!-- 数据分类分级详情 -->
          <a-menu-item key="/classification/statistics">
            <router-link to="/classification/statistics">{{ $t('app.setting.themecolor.daybreak') }}</router-link>
          </a-menu-item>
      </a-menu>
    </a-affix>
    <route-view class="flex-1" />
  </div>
</template>

<script>
import menutabs from '@/mixins/menu-mixin'

export default {
  mixins: [menutabs],
  data() {
    return {
      routeList: [
        {
          path: '/classification/classificationList',
          title: '数据分类分级展示',
        },
        {
          path: '/classification/statistics',
          title: '数据分类分级列表',
        },
      ],
    }
  },
}
</script>
<style lang="less" scoped>